window.addEventListener('load', function () {
    var lis = document.querySelectorAll('.history> ul>li')
    let panels = document.querySelectorAll('.history-img> .panel')




    for (let i = 0; i < lis.length; i++) {
        lis[i].onclick = function () {
            for (let i = 0; i < lis.length; i++) {
                lis[i].classList.remove('active')
                lis[i].style.color = '#888'
                panels[i].classList.remove('visible')
            }
            this.classList.add('active')
            this.style.color = 'white'
            panels[i].classList.add('visible')
        }
    }






})